<template>
    <div>
        <div class="m-main">
            <div class="m-img">
                <img src="../../../static/images/xiazaizhonxingbanner.png" alt="">
            </div>
            <div class="container">
                <div class="m-content">
                    <!-- 操作手册 -->
                    <div class="c-box">
                        <div class="box-title">
                            操作手册
                        </div>
                        <div class="box-detail">
                            <ul>
                                <li v-for="(item,index) in operation_data">{{item}}</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 申报书 -->
                    <div class="c-box">
                        <div class="box-title">
                            申报书
                        </div>
                        <div class="box-detail">
                            <ul>
                                <li v-for="(item,index) in declaration_data">{{item}}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</template>
<script>
export default {
    data(){
        return{
            operation_data:[
                '园区科技金融平台操作手册（企业版）',
                '园区科技金融平台操作手册（企业版）',
                '园区科技金融平台操作手册（企业版）',
                '园区科技金融平台操作手册（企业版）',
            ],
            declaration_data:[
                '科技贷申报书',
                '科技贷申报书',
                '园科技贷申报书',
                '科技贷申报书',
            ]


        }
    },
    methods:{

    }

}
</script>
<style lang="less" scoped>
.m-main{
    .m-img{
        width: 100%;
        img{
            width: 100%;
        }
    }
    .m-content{
        padding-bottom: 200px;
        .c-box{
            padding-top: 80px;
            .box-title{
                height: 60px;
                line-height: 60px;
                padding-left: 30px;
                font-size:24px;
                color: #1575F9;
                border-bottom: 2px solid #1575F9;
                position: relative;
                &::before{
                    content: '';
                    width:0;
                    height:0;
                    border-top:12px solid transparent;
                    border-bottom:12px solid transparent;
                    border-left:13px solid #1575F9;
                    position: absolute;
                    left: 0;
                    top: 21px;
                }
            }
            .box-detail{
                padding: 30px 0 0 15px;
                &>ul{
                    li{
                        position: relative;
                        padding-left: 25px;
                        color: #1575F9;
                        font-size: 20px;
                        height: 50xp;
                        line-height: 50px;
                        &::before{
                            content: '';
                            width: 7px;
                            height: 7px;
                            border-radius: 10px;
                            background: #1575F9;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%); 
                            left: 0;
                        }
                    }
                }
            }
        }
    }
}
</style>
